<template>
  <div class="data-container">
      <analysis-home :active="6"></analysis-home>
      <div class="analysis6-main">
      <div class="analysis6-main-content">
        <el-row>
          <el-col :span="6">
            <div class="box-card-h-1-3">
              <box-card-single-analysis-6-jishurenyuantj title="技术人员统计"></box-card-single-analysis-6-jishurenyuantj>
            </div>
            <div class="box-card-h-1-3">
              <box-card-single-analysis-6-nianlingzhanbitj title="年龄统计占比统计"></box-card-single-analysis-6-nianlingzhanbitj>
            </div>
            <div class="box-card-h-1-3">
              <box-card-single-analysis-6-xingbiebilitj title="性别比例统计"></box-card-single-analysis-6-xingbiebilitj>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="box-card-h-1-3">
              <box-card-single-analysis-6-xuelitongjifenxi title="学历统计分析"></box-card-single-analysis-6-xuelitongjifenxi>
            </div>
            <div class="box-card-h-1-3">
              <box-card-single-analysis-6-jigouziyuantongji title="机构资源统计"></box-card-single-analysis-6-jigouziyuantongji>
            </div>
            <div class="box-card-h-1-3s box">
              <div class="box-card-h-1-3-w-1-2">
                <box-card-single-analysis-6-yiliaoyiqiph title="医疗仪器排行"></box-card-single-analysis-6-yiliaoyiqiph>
              </div>
              <div class="box-card-h-1-3-w-1-2">
                <box-card-single-analysis-6-keshishuliangph title="科室数量排行"></box-card-single-analysis-6-keshishuliangph>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="box-card-h-1-2">
              <box-card-single-analysis-6-jigouyaopinpinzhong title="机构药品品种数统计分析"></box-card-single-analysis-6-jigouyaopinpinzhong>
            </div>
            <div class="box-card-h-1-2">
              <box-card-single-analysis-6-zhichengtongjizhanbi title="职称统计占比"></box-card-single-analysis-6-zhichengtongjizhanbi>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import analysisHome from './analysisHome'
import BoxCardSingleAnalysis6Jigouyaopinpinzhong from './components/box-card-single-analysis6-jigouyaopinpinzhong.vue';
import BoxCardSingleAnalysis6Jigouziyuantongji from './components/box-card-single-analysis6-jigouziyuantongji.vue';
import BoxCardSingleAnalysis6Jishurenyuantj from './components/box-card-single-analysis6-jishurenyuantj.vue';
import BoxCardSingleAnalysis6Keshishuliangph from './components/box-card-single-analysis6-keshishuliangph.vue';
import BoxCardSingleAnalysis6Nianlingzhanbitj from './components/box-card-single-analysis6-nianlingzhanbitj.vue';
import BoxCardSingleAnalysis6Xingbiebilitj from './components/box-card-single-analysis6-xingbiebilitj.vue';
import BoxCardSingleAnalysis6Xuelitongjifenxi from './components/box-card-single-analysis6-xuelitongjifenxi.vue';
import BoxCardSingleAnalysis6Yiliaoyiqiph from './components/box-card-single-analysis6-yiliaoyiqiph.vue';
import BoxCardSingleAnalysis6Zhichengtongjizhanbi from './components/box-card-single-analysis6-zhichengtongjizhanbi.vue';
export default {
components: {
    analysisHome,
    BoxCardSingleAnalysis6Nianlingzhanbitj,
    BoxCardSingleAnalysis6Xingbiebilitj,
    BoxCardSingleAnalysis6Yiliaoyiqiph,
    BoxCardSingleAnalysis6Keshishuliangph,
    BoxCardSingleAnalysis6Jigouyaopinpinzhong,
    BoxCardSingleAnalysis6Zhichengtongjizhanbi,
    BoxCardSingleAnalysis6Xuelitongjifenxi,
    BoxCardSingleAnalysis6Jigouziyuantongji,
    BoxCardSingleAnalysis6Jishurenyuantj,
  },
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>

<style scoped lang="less">
.left{float: left;}
.right{float: right;}
.red{ background: red;}
.green{ background: green;}
.blue{ background: blue;}
.yellow{ background: yellow; }
.data-container{
  background:url('~@/assets/images/large-bg.png') no-repeat;
  height: 100vh;
  background-size:cover;
  background-position: center center;
  .analysis6-main{
    .analysis6-main-content{
      padding:.1rem;
      .el-row{
        height: calc(100vh - 1.23rem);
        .el-col{
          height:calc(100vh - 1.23rem);
          .borderBottom-1px{
            border-bottom: .01rem solid #7787C7 ;
          }
          .borderBottom-2px{
            border-bottom: .02rem solid #7787C7 ;
          }
          .box-card-h-1-3{
            width: 99%;
            margin-left:0.5%;
            margin-right: 0.5%;
            height:calc( (100vh - 1.23rem) / 3 );            
          }

          .box-card-h-1-3s{
            width: 100%;
            height:calc( (100vh - 1.23rem) / 3 );            
          }

          .box-card-h-1-2{
            width: 99%;
            margin-left:0.5%;
            margin-right: 0.5%;
            height:calc( (100vh - 1.23rem) / 2 );
          }

          .box-card-h-1-3-w-1-2{
            width: 49%;
            margin-left:0.5%;
            margin-right: 0.5%;
            height:calc( (100vh - 1.23rem) / 3 );       
            display: inline-block;     
          }

          .box{
            justify-content: space-between;
            display: flex;
          }

        }
      }
    }
  }
}
</style>

